/* Body */
html{width:100%;
    height:100%;
}

body{
    position:relative;
    width:100%;
    height:100%;
    margin-left:10%;
    margin-right:10%;
    max-width: 1000px;

    background-color:peachpuff;
}
/* Div settings */
div#contentWrapper{
    position:absolute;
    width: 800px;
    /*margin: 0 auto;*/
    margin-right:auto;
    margin-left:auto;
    background-color:white;

}
div#section{
    float: left;
    width: 500px;
    padding: 0 15px;
    border-right: gray solid 1px;

}
/* Header */
header {
    width: 800px;
    height: 150px;
    margin: 0 auto;
    background-color:azure;
}
header img{
    float:left;
    vertical-align:text-bottom;
}

h1.mainHeadline{
    display:inline-block;
    color:darkblue;
    margin-top:30px;
}
/* Navigation appearance */
nav ul{
    float:left;
}
nav li>a{font-size: 15pt;
       color:firebrick;
       font-weight: bold;
       text-decoration:none;
      }
nav li>a.currentPage{font-size: 15pt;
       color:darkslategrey;
       font-weight: bold;
       text-decoration:none;
      }
nav li>a:hover{
    background-color:yellow;
}
nav li>a.currentPage:hover{
    background-color:inherit;
}
nav li{display:inline;
       margin-right:10px;
       width:50px;
      }

/* Section */
section {font-family:serif;
    font-size:14pt;
    color:blue;
}
/* use relative positioning to indent paragraphs in mainTopic by half an em */
article#mainTopic p{
    position:relative;
    left: 0.5em;
}
article#mainTopic .recipeList{
    font-size:10pt;
}
/* Aside */
aside{
    font-family:sans-serif;
    font-size:12pt;
    color:indianred;
    float: right;
    width:250px;
    padding-right:10px;
    margin-right:5px;
}
aside#mainAside img{
    float:left;
    padding-right:5px;
}
aside#mainAside table, th, td {
    color:black;
    border: 1px solid black;
}

/* footer */
footer {
	width: 100%;
	text-align: center;
	bottom: -67px;
	font-size: 12px;
	background-color: peachpuff;
	position: absolute;
}